<!--
 * @FilePath     : /study_code/layui/6-3-17.html
 * @Description  : .setTop(layero) / 置顶当前窗口
 * @Date         : 2025-04-08 17:33:58
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-09 09:24:33
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>documentName</title>
    <link rel="stylesheet" href="/layui/dist/css/layui.css" />
  </head>
  <body>
    <script src="/layui/dist/layui.js"></script>
    <script>
      //通过这种方式弹出的层，每当它被选择，就会置顶。
      // 非常强大的一个方法，虽然一般很少用。但是当你的页面有很多很多 layer 窗口，你需要像 Window 窗体那样，点击某个窗口，该窗体就置顶在上面，那么 setTop 可以来轻松实现。它采用巧妙的逻辑，以使这种置顶的性能达到最优

      layui.use(['layer'], function () {
        var layer = layui.layer

        // 多弹层模式的层叠顺序置顶
        layer.open({
          type: 1, // 页面层
          shade: false,
          area: ['520px', '320px'],
          maxmin: true,
          content: '<div style="padding: 16px;">多弹层模式的层叠顺序置顶</div>',
          zIndex: layer.zIndex, // 重点 1 --- 初始设置当前最高层叠顺序，
          success: function (layero) {
            layer.setTop(layero) // 重点 2 --- 保持选中窗口置顶
          },
        })
      })
    </script>
  </body>
</html>
